<script setup></script>
<template>
  <div class="header">
    <span class="logo-container">
      <van-icon
        name="chat-o"
        style="padding-left: 10px; padding-top: 5px; color: #000"
      />
      <span
        style="
          font-weight: 700;
          padding-left: 10px;
          padding-top: 4px;
          color: #000;
        "
        >聊天室</span
      >
    </span>
    <slot name="add"></slot>
  </div>
</template>
<style scoped>
/* 头部 */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo-container {
  display: flex;
  align-items: center;
}
</style>
